<{include file="public/header.html"}>
<style>
    body {
        background: url(<{$style_dir}>/img/app/app-demo.jpg) top center no-repeat;
        background-size: 100%;
    }
    .app-demo span.iphone {
        width: 365px;
        height: 660px;
        position: absolute;
        opacity: 0;
    }

    .app-download {
        width: 32%;
        height: 13%;
        position: absolute;
        top: 58%;
        left: 48%;
    }
    .app-download .app-btn a {
        position: absolute;
        width: 100%;
        height: 45%;
        float: right;
        border-radius: 5px;
    }
    .app-download .app-btn a.android {
        margin-top: 40%;
    }

    .app-code {
        position: relative;
        margin-left: -95%;
    }
    .app-code span {
        width: 38%;
        height: 38%;
        position: absolute;
        top: 0px;
        left: 0px;
        opacity: 0;
    }
</style>
<div class="app-demo">
    <div class="app-download">
        <div class="app-btn">
            <a href="javascript:void(0);" class="ios"></a>
            <a href="javascript:void(0);" class="android"></a>
        </div>
        <div class="app-code">
					<span class="ios">
						<img src="<{$style_dir}>/img/app/code-ios.jpg"/>
					</span>
            <span class="android">
						<img src="<{$style_dir}>/img/app/code-android.png"/>
					</span>
        </div>
    </div>
    <ul class="share fast-share">
        <li data-key="a0" class="wx"><a href="javascript:;" class="icon-app-friend"></a></li>
        <li data-key="a1" class="wx"><a href="javascript:;" class="icon-app-wechat"></a></li>
        <li data-key="a2"><a href="javascript:;" class="icon-app-qq"></a></li>
        <li data-key="a3"><a href="javascript:;" class="icon-app-weibo"></a></li>
    </ul>
</div>
<script type="text/javascript">
    $(function (){
       jump();
    });
    function jump(){
        var ua = navigator.userAgent;
        if(!(/Android|webOS|iPhone|iPod|BlackBerry/i.test(ua))){
            window.location.href = "http://www.tan.com/app.html";
        }else if(/android/.test(ua.toLowerCase())){
            window.location.href = "http://wx.tan.com/s/11.html";
        }else if(/iphone|ipad|ipod/.test(ua.toLowerCase())){
            window.location.href = "http://wx.tan.com/s/12.html";
        }
    }
</script>
<{include file="public/footer.html"}> 